<template>
  <div class="encyclopedias-search-list">
    <div class="encyclopedias-search-list-wrap">
      <div class="encyclopedias-search-list-content">
        <div class="encyclopedias-search-list-title" @click="jumpEncyclopediasDetails">
          {{ encyclopedias.wiki_name }}
        </div>
        <div class="encyclopedias-search-list-content-text" @click="jumpEncyclopediasDetails">
          {{ encyclopedias.merit }}
        </div>
        <div class="encyclopedias-search-list-content-characteristic">
          <div class="encyclopedias-search-list-content-characteristic-text">
            项目特色：
          </div>
          <div class="encyclopedias-search-list-content-characteristic-item">
            {{ encyclopedias.feature }}
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  components: {

  },
  props: {
    encyclopedias: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {

    }
  },
  computed: {

  },
  created() {

  },
  mounted() {

  },
  methods: {
    jumpEncyclopediasDetails() {
      this.$router.push(`/wiki/${this.encyclopedias.wiki_id}`)
    }
  }
}
</script>
<style scoped lang="scss">
  .encyclopedias-search-list-wrap{
    width: 1190px;
    background: #fff;
    border-radius:4px;
  }
.encyclopedias-search-list-content{
  padding-bottom: 10px;
  overflow: hidden;
}
.encyclopedias-search-list-title:hover{
  cursor: pointer;
}
.encyclopedias-search-list-title{
  margin-top: 20px;
  margin-left: 20px;
  font-size:18px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:600;
  color:rgba(51,51,51,1);
  line-height:25px;
}
.encyclopedias-search-list-content-text:hover{
  cursor: pointer;
}
.encyclopedias-search-list-content-text{
  width:1146px;
  font-size:14px;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:rgba(51,51,51,1);
  line-height:21px;
  margin-top: 10px;
  margin-left: 20px;
  //  overflow: hidden;
  // text-overflow: ellipsis;
  // display: -webkit-box;
  // -webkit-line-clamp: 3;
  // -webkit-box-orient: vertical;
}
.encyclopedias-search-list-content-characteristic{
  margin-left: 20px;
  margin-top: 10px;
  display: flex;
  .encyclopedias-search-list-content-characteristic-text{
    font-size:12px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:17px;
  }
  .encyclopedias-search-list-content-characteristic-item{
    font-size:12px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(80,76,255,1);
    line-height:17px;
  }
}
</style>
